<!Doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<link href="bootstrap.min.def.css" rel="stylesheet">
<link href="bootstrap-table.min.css" rel="stylesheet">

 <script src="jquery-3.3.1.min.js"></script>
 <script src="bootstrap.min.js"></script>
 <script src="jquery.validate.min.js"></script>
 <script src="bootstrap-table.min.js"></script>
 <script src="messages_zh.js"></script>
 <script>


    
	
	  
function abc(){
$.ajax({
 url: "http://120.27.32.237:83/common.ashx?method=getlist",
 dataType:'json',
 type:'POST',

 success: function(data){
  for (var x in data) {
            if (typeof data[x] == 'object' && data[x] != null) {
		        for(var i=0;i<data.rows.length;i++){
				$("#one").append("</br>"+data.rows[i].Name+" " + data.rows[i].Age+" "+data.rows[i].Time) 
				}
			 }
			  else{
			  $("#one").append("</br>"+"keys = " + x + " values = " + data[x]+"</br>"); 
			
			}
			}
    
 
 
 
			
      },
error: function(error){
		alert("ERROR!");
		}
   });
   
   }
   

/*
{
    "total": 2,
    "rows": [
        {
            "Name": "Jason Li",
            "Age": "25",
            "Time": "2018/8/1 17:27:15"
        },
        {
            "Name": "",
            "Age": "",
            "Time": ""
        },
        {
            "Name": "张三",
            "Age": "23",
            "Time": "2018/8/1 17:27:15"
        },
        {
            "Name": "李四",
            "Age": "25",
            "Time": "2018/8/1 17:27:15"
        }
    ]
}
*/
 </script>

</head>
<body>
<button type="button" class="but" onclick="abc()">解析2</button>
<div id="one">结果
<table id="table">
<thead>
        <tr>
            <th data-field="id">Item Name</th>
            <th data-field="name">Item Age</th>
            <th data-field="price">Item Title</th>
        </tr>
    </thead>


</table>
</div>
<script>
$("#table").bootstrapTable({
      method: "post",
      url: "http://120.27.32.237:83/common.ashx?method=getlist",
      

});      
$("#table").bootstrapTable({
      method: "post",
      url: "获取后台数据的url",
	  date:"[]",
      columns: [
          {
              checkbox: true
          }, {
              title: 'Name'
              field: 'Item Name'
          },
          {
              title: 'Age'
              field: 'Item Age'
          },
		  {
              title: 'Title'
              field: 'Item Title'
          },
      ]
});      

$("#table").bootstrapTable({
      method: "post",
      url: "http://120.27.32.237:83/common.ashx?method=getlist" ,
      onLoadSuccess: function(){  //加载成功时执行
            console.info("加载成功");
      },
      onLoadError: function(){  //加载失败时执行
            console.info("加载数据失败");
      }
});      

$(‘#table’).bootstrapTable(‘method’, parameter)
var selects = $('#table').bootstrapTable;




$("#table").bootstrapTable({ // 对应table标签的id
      url: "http://120.27.32.237:83/common.ashx?method=getlist" // 获取表格数据的url
      cache:true,
      striped:false,  //表格显示条纹，默认为false
      pagination:false, // 在表格底部显示分页组件，默认false
      pageList: [10, 20], // 设置页面可以显示的数据条数
      pageSize: 10, // 页面数据条数
      pageNumber: 1, // 首页页码
      sidePagination: 'server', // 设置为服务器端分页
      queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求

          return {
              pageSize: params.limit, // 每页要显示的数据条数
              offset: params.offset, // 每页显示数据的开始行号
              sort: params.sort, // 要排序的字段
              sortOrder: params.order, // 排序规则
              dataId: $("#dataId").val() // 额外添加的参数
          }
      },
      sortName: 'id', // 要排序的字段
      sortOrder: 'desc', // 排序规则
      columns: [
          {
              checkbox: true, // 显示一个勾选框
              align: 'center' // 居中显示
          }, {
              field: 'code', // 返回json数据中的name
              title: '编号', // 表格表头显示文字
              align: 'center', // 左右居中
              valign: 'middle' // 上下居中
          }, {
              field: 'name',
              title: '名称',
              align: 'center',
              valign: 'middle'
          }, {
              field: 'calcMode',
              title: '计算方式',
              align: 'center',
              valign: 'middle',
              formatter: function (value, row, index){ // 单元格格式化函数
                  var text = '-';
                  if (value == 1) {
                      text = "方式一";
                  } else if (value == 2) {
                      text = "方式二";
                  } else if (value == 3) {
                      text = "方式三";
                  } else if (value == 4) {
                      text = "方式四";
                  }
                  return text;
              }
          }, {
              title: "操作",
              align: 'center',
              valign: 'middle',
              width: 160, // 定义列的宽度，单位为像素px
              formatter: function (value, row, index) {
                  return '<button class="btn btn-primary btn-sm" onclick="del(\'' + row.stdId + '\')">删除</button>';
              }
          }
      ],
      onLoadSuccess: function(){  //加载成功时执行
            console.info("加载成功");
      },
      onLoadError: function(){  //加载失败时执行
            console.info("加载数据失败");
      }

})

</script>
</body>
</html>